﻿html, body, #map_canvas {
        margin: 0;
        padding: 0;
        height: 100%;
	    width: 100%; 
      }
#left_menu { 
    width: 150px; 
    height: 200px; 
    position: fixed; 
    top: 50%; 
    margin-top:  -100px; 
    _position: absolute; 
    _top: expression( 130 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' ); 
    border: 1px dotted #5E8CB3; 
    background-color: #CFDDE9; 
} 

.page-panel {
    left: 0px; 
    height: 40px; 
    position: fixed; 
    _position: absolute;
    font-family: Helvetica,Arial,sans-serif;
    border-left-width: 0;
    border-right-width: 0;
    zoom: 1;
    z-index: 9999;
    border: 1px solid  #5E8CB3; 
    background: #CFDDE9; 
    color: black;
    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5E8CB3 ),to(#CFDDE9));
    background-image: -webkit-linear-gradient( #5E8CB3,#CFDDE9);
    background-image: -moz-linear-gradient( #5E8CB3,#CFDDE9);
    background-image: -ms-linear-gradient( #5E8CB3,#CFDDE9);
    background-image: -o-linear-gradient(#5E8CB3,#CFDDE9);
    background-image: linear-gradient( #5E8CB3,#CFDDE9);
    width: 100%;  
}

#okAlertButton {
    left: 80px;
    bottom: 0;
    position: relative;
}

#top { top:  0px; } 
#down { bottom:0;} 

body {
    height: 100%;
}

#center { 
    padding-left: 5px;
    padding-right: 5px;  
    padding-top: 45px;
} 
.buttonList
{
	position: relative;	
    height:   400px;
}

.buttonList a
{	
	text-align:			center;
    text-decoration:	none;
	color: 				#000;
	text-shadow:		1px 1px 2px #000;
	position:			absolute;
	cursor:				pointer;
    width:				140px;
    height:             120px;
	
}

.buttonList a div
{ 
	text-align:     center;
	background:     #f0b310;	
	background:     -moz-linear-gradient(top, #fbc83e, #f0b310); /* Firefox 3.6+ */
    background:     -webkit-gradient(linear, left top, left bottom, from(#fbc83e), to(#f0b310)); /* Chrome 1-9, Safari 4-5 */
    background:     -webkit-linear-gradient(top, #fbc83e, #f0b310); /* Chrome 10+, Safari 5.1+ */
    background:      -o-linear-gradient(top, #fbc83e, #f0b310); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #fbc83e, #f0b310); /* IE10 */
    background:     linear-gradient( #fbc83e, #f0b310); /* CSS3 */ 
    border-radius: .6em;
	border:			2px solid #f0b310;
	color: 			#fff;
    height:			100px;
	margin-left:	18px;
	margin-right:	18px;
}

.buttonList a span
{ 
	position:    relative;
	margin-top:  10px;
    display:     block;
	background:  none;
	color: 		 #000;
	font-size:	 14px;
	overflow:    visible;
}

.buttonList a.leftTop { left: 25%; margin-left: -70px; top: 10px; }
.buttonList a.rightTop { right: 25%; margin-right: -70px; top: 10px;}
.buttonList a.leftBottom { left: 25%; margin-left: -70px; bottom: 10px;}
.buttonList a.rightBottom { right: 25%; margin-right: -70px; bottom: 10px;}

.btn-img 
{
    padding: 5px;
    width: 100%;
    height: 100%;    
}